<?php $leading_em = 1.4;  ?>
<?php $vvv = 0.22;  ?>
* {
    margin: 0%;
    padding: 0em;
    vertical-align: top;
}
a {
   /* text-decoration: none;*/
}
body
{
    font-family: 'Times New Roman', serif;
    font-size: 110%;
    margin: 0%;
    padding: 0em;
    line-height: <?=$leading_em;?>em;
    color: #333333;
    min-width: 40em;
    max-width: 120em;
    background-color: #FCF9F8;
    background-image: url(<?=$root;?>/img/bg-texture.png);
    color: #000000;
    /*text-transform: uppercase;
    word-spacing: 0.5em;
    letter-spacing: 0.1em;*/
}
img
{
    border-width: 0px;
}
#main {
    width: 100%;
}
#header {
    width: 100%;
    /*height: <?=$leading_em*6;?>em;*/
    padding-bottom: <?=$leading_em;?>em;
}
#footer {
    width: 100%;
    height: <?=$leading_em*3;?>em;
}
#leftbar {
    width: 18%;
    padding-left: 1%;
}
#content {
    width: auto;
    padding: <?=$leading_em;?>em;
    padding-top: 0em;
    padding-left: 2em;
    background-color: #FFFFFF;
}
#content p {
    line-height: <?=$leading_em;?>em;
    margin: 0em;
    margin-top: <?=$leading_em;?>em;
    margin-bottom: <?=$leading_em;?>em;
    padding: 0em;
}
<?php $header_font_size_per = 150; ?>
<?php $header_ttt = round(($header_font_size_per/100 -1)*$leading_em)*$leading_em/($header_font_size_per/100); ?>
<?php $header_bbb = $vvv*100/$header_font_size_per; ?>
#content .header {
    color: #963E97;
    padding-top: <?=($header_ttt - $header_bbb);?>em;
    line-height: <?=round(($header_font_size_per/100 -1)*$leading_em)*$leading_em/($header_font_size_per/100);?>em;
    font-size: <?=$header_font_size_per;?>%;
    font-weight: bold;
    padding-bottom: <?=$header_bbb;?>em;
    /*margin-top: <?=1*$leading_em/($header_font_size_per/100);?>em;*/
}
#content .header span {
    /*margin-top: <?=round(1.5-$header_font_size_per/100*$leading_em)*$leading_em/($header_font_size_per/100);?>em;
    margin-borrom: <?=round(1.5-$header_font_size_per/100*$leading_em)*$leading_em/($header_font_size_per/100);?>em;*/
    /*background-color: #f0f0f0*/
}
#rightbar {
    width: 5%;
}
<?php $sidebar_font_size_per = 85; ?>
.left-menu {
    float: right;
    clear: both;
    background-color: #FA9200;
    color: #FFFFFF;
    padding: <?=round($sidebar_font_size_per/100*$leading_em)*$leading_em/($sidebar_font_size_per/100);?>em;
    padding-right: 0em;
    font-family: Arial, sans-serif;
    font-size: <?=$sidebar_font_size_per;?>%;
}
.left-menu div a {
    color: #FFFFFF ! important;
    text-decoration: none;
    border-bottom: 1px dotted #FFF0A5;
}
.left-menu .title {
    color: #000000 ! important;
    font-weight: bold;
    margin: 0em;
    margin-bottom: <?=round($sidebar_font_size_per/100*$leading_em)*$leading_em/($sidebar_font_size_per/100);?>em;
}
.left-menu div {
    padding-right: 1.5em;
    margin-bottom: <?=round($sidebar_font_size_per/100*$leading_em)*$leading_em/($sidebar_font_size_per/100);?>em;
}
.left-menu div.selected {
    color: #000000 ! important;
    padding-right: 0em;
}
.left-menu div.selected .text {
    vertical-align: top;
}
.left-menu div.selected .text span {
    vertical-align: top;
    background-color: #FA9200;
}
<?php $ggg = 1.14; ?>
.left-menu div.selected .line {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    height: <?=$ggg;?>em;
    margin-bottom: -<?=$ggg;?>em;
    font-size: <?=$ggg;?>em;
    line-height: <?=$ggg;?>em;
}
.main-menu {
    margin: <?=$leading_em;?>em;
    margin-left: 50%;
    margin-right: 20%;
    padding-top: 0em;
}
.main-menu div {
    float: left;
    /*margin: 0.3em;*/
    margin-left: 1em;
    margin-rght: 1em;
}
.main-menu div a {
    color: #000000 ! important;
}
.main-menu div.selected {
    color: #FA9200;
    font-weight: bold;
}
/*.a {
    font-family: Arial;
    font-size: 0.85em;
}
.b {
    font-family: Arial;
    font-size: 0.95em;
}
span.arial {
    font-family: Arial;
    font-size: 0.85em;
}*/
.facet  {
    position: absolute;
    left: 0px;
    top: -<?=$vvv;?>em;
}
.facet span {
   /* border-bottom: 1px dotted #CCCCCC;*/
}

